<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>首页</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="/company2/public/static/assets/css/footer.css" />
	<link rel="stylesheet" href="/company2/public/static/assets/css/bootstrap-touch-slider.css" />
	
	<style>
		.control-round .carousel-control.left>span:nth-child(1){
			left: 40%;
		}
		@media screen and (min-width: 768px){
			.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
				margin-top: -15px;
			}
		}
	</style>
</head>
<body>

	<nav class="navbar-inverse navbar-default" role="navigation">
		<div class="container-fluid"> 
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target="#example-navbar-collapse">
				<span class="sr-only">切换导航</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="/company2/public/index/index/index">COMPANY</a>
		</div>
		
		<div class="collapse navbar-collapse" id="example-navbar-collapse">
			<ul class="nav navbar-nav">
				<li class="active"><a href="/company2/public/index/index/index">主页</a></li>
				<li><a href="/company2/public/index/shige">诗歌</a></li>
				<li><a href="/company2/public/index/write/message">留言板</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right"> 
		        {if condition="$Think.session.username != null"}
				<li><a href="#"><span class="glyphicon glyphicon-user"></span> {$Think.session.username}</a></li> 
				<li><a href="/company2/public/index/write/logout"><span class="glyphicon glyphicon-log-in"></span> 退出</a></li> 
		    	{else/}
		        <li><a href="/company2/public/index/regist"><span class="glyphicon glyphicon-user"></span> 注册</a></li> 
		        <li><a href="/company2/public/index/login"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li> 
		    	{/if}
			</ul> 
		</div>
		</div>
	</nav>
	
		<div id="bootstrap-touch-slider" class="carousel bs-slider fade  control-round indicators-line" data-ride="carousel" data-pause="hover"
         data-interval="5000" >
		  <!-- Indicators -->
		  <ol class="carousel-indicators">
		    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
		    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
		    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
		  </ol>
		 
		  <!-- Wrapper for slides -->
		  <div class="carousel-inner" role="listbox">
		    <div class="item active">
		      <img src="/company2/public/static/assets/img/banner/1.jpg" alt="...">
		      
		    </div>
		    <div class="item">
		      <img src="/company2/public/static/assets/img/banner/2.jpg" alt="...">
		      
		    </div>
			<div class="item">
		      <img src="/company2/public/static/assets/img/banner/3.jpg" alt="...">
		      
		    </div>
		    	
		  </div>
		 
		  <!-- Controls -->
		  <a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev">
		    <span class="glyphicon glyphicon-chevron-left"></span>
		    <span class="sr-only">Previous</span>
		  </a>
		  <a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next">
		    <span class="glyphicon glyphicon-chevron-right"></span>
		    <span class="sr-only">Next</span>
		  </a>
		</div>
	
	<footer class="navbar-bottom">
		<p>(c) Copyright 2017 PHP第一小组. All Rights Reserved. </p>
	</footer>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.18/jquery.touchSwipe.min.js"></script>
	<script type="text/javascript" src="static/assets/js/bootstrap-touch-slider.js" ></script>
	<script>
	  	$(function(){
			$('#bootstrap-touch-slider').bsTouchSlider();
			if($(window).height()==$(document).height()){
		        $(".navbar-bottom").addClass("navbar-fixed-bottom");
		      }
		      else{
		        $(".navbar-bottom").removeClass(" navbar-fixed-bottom");
		      }

		})
</script>
</body>
</html>